<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
<head>
    <title>SpringBootDemo</title>
    <meta content="text/html;charset=UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="icon" th:href="@{/resources/icon/favicon.png}" type="image/x-icon">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <!-- Google fonts - Popppins for copy-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
    <!-- orion icons-->
    <link rel="stylesheet" th:href="@{/css/orionicons.css}">
    <!-- theme stylesheet-->
    <link rel="stylesheet" th:href="@{/css/style.default.css}" id="theme-stylesheet">
    <link rel="stylesheet" th:href="@{/css/common.css}" type="text/css">
    <script th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script th:src="@{/js/jsencrypt.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/Chart.min.js}"></script>
    <script th:src="@{/js/front.js}"></script>
    <script th:src="@{/js/common.js}"></script>
</head>
<body>
<!--主页-->
<!--头部-->
<header class="header">
    <nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow" style="height: 72px!important;"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i class="fas fa-align-left"></i></a><a href="/user/index" class="navbar-brand font-weight-bold text-uppercase text-base" style="font-size: 32px!important;">SpringBoot Demo</a>
        <ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
            <li class="nav-item dropdown ml-auto"><a id="userInfo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle"><img src="/resources/images/default_user.jpg" alt="Jason Doe" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
                <div aria-labelledby="userInfo" class="dropdown-menu">
                    <a href="javascript:" class="dropdown-item" style="cursor: default!important;"><strong class="d-block text-uppercase headings-font-family" style="font-size: 17px!important;"><span th:text="${session.userpin}"></span></strong><small>UID：<span th:text="${session.uid}"></span></small></a>
                    <div class="dropdown-divider"></div><a href="/user/logout" class="dropdown-item"><i class="o-exit-1 mr-3"></i>登 出</a>
                </div>
            </li>
        </ul>
    </nav>
</header>
<div class="d-flex align-items-stretch">
    <div id="sidebar" class="sidebar py-3">
        <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">MAIN</div>
        <ul class="sidebar-menu list-unstyled">
            <li class="sidebar-list-item"><a href="javascript:" data-toggle="collapse" data-target="#personalSpace" aria-expanded="true" aria-controls="personalSpace" class="sidebar-link text-muted"><i class="o-user-1 mr-3 text-gray"></i><span>个人空间</span></a>
                <div id="personalSpace" class="collapse show">
                    <ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
                        <li class="sidebar-list-item"><a href="/user/index" class="sidebar-link text-muted pl-lg-5 active">主 页</a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <div class="page-holder w-100 d-flex flex-wrap">
        <div class="container-fluid px-xl-5">
            <section class="py-4">
                <div class="row">
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header">
                                <h2 class="h6 text-uppercase mb-0 h2_style">Welcome</h2>
                            </div>
                            <div class="card-body" style="height: 300px!important; min-width: 430px!important;">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header">
                                <h2 class="h6 text-uppercase mb-0 h2_style">当 前 时 间</h2>
                            </div>
                            <div class="card-body" style="height: 300px!important; min-width: 430px!important;">
                                <div align="center">
                                    <div style="height: 20px;"></div>
                                    <span id="time" style="font-size: 18px!important;"></span>
                                </div>
                                <script>
                                    {
                                        time();
                                    }
                                    
                                    //显示当前时间
                                    function time(){
                                        var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
                                        var date =  new Date();
                                        var year = date.getFullYear();
                                        var month = date.getMonth() + 1;
                                        var day = date.getDate();
                                        var hours = date.getHours();
                                        var hour = "";
                                        if(String(hours).length == 1) {
                                            hour = "0";
                                        }
                                        var minutes = date.getMinutes();
                                        var minute = "";
                                        if(String(minutes).length == 1) {
                                            minute = "0";
                                        }
                                        var seconds = date.getSeconds();
                                        var second = "";
                                        if(String(seconds).length == 1) {
                                            second = "0";
                                        }
                                        var week = date.getDay();
                                        $("#time").html(year + "年" + month + "月" + day + "日" + "\t" + hour + hours + ":" + minute + minutes +":" + second + seconds + "\t" + weeks[week]);
                                    }
                                    setInterval("time()", 1000);
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <h2 class="h6 text-uppercase mb-0 h2_style">Demo</h2>
                    </div>
                    <div class="card-body" style="min-height: 180px!important;">
                    </div>
                </div>
            </section>
        </div>
        <footer class="footer bg-white shadow align-self-end py-3 px-xl-5 w-100">
            <p class="mt-5 mb-0 text-gray-400 text-center">
                &copy;Copyright 2019. SpringBoot Demo. All Rights Reserved.
                <br>Design & Develop：WT
            </p>
        </footer>
    </div>
</div>
</body>
</html>